<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        input{
            border:1px solid red;
            /* 取消浏览器默认获取焦点后样式 */
            outline: 0;
        }
        /* 获取焦点后 */
        input:focus{
            border:1px solid blue;
        }
    </style>
</head>
<body>
    <!-- 
    form:表单 
         action="后台网址(服务器)"    表单提交的地址

         input 输入框
         type="text" 文本输入
         type="password" 密码输入
         type="button" 普通按钮
         type="submit" 提交按钮，具有提交功能（默认value为提交）
         type="reset" 重置功能（默认value为重置）

         name="" 提交的名称
         value="" 提交的值

         ----
         placeholder 提示文字
         autofocus 自动获取焦点
         required 校验（非空）
         autocomplete：on/off 开启/关闭自动补全（如果要关闭所有的则写在form上即可）
         readonly  只读 提交数据
         disabled  禁用 不提交数据

    button(不一定放到表单里)
    
    不写type,看位置（不建议）
      提交按钮，具有提交功能（表单里）
      按钮（表单外）

    type="submit" 提交功能
    type="reset" 重置功能
    type="button" 普通按钮
    -->

    http://127.0.0.1:5500/table.html?username=111&pwd=123
    <form action="table.html">
         <input type="text" value="" name="username" 
         placeholder="请输入用户名" autofocus required
         autocomplete="off"
         disabled
         >
         <input type="password" value="" name="pwd">
         <!-- <input type="reset"> -->
         <input type="submit" value="我的提交">
         <!-- <button>提交</button> -->
    </form>

    <button>111</button>
</body>
</html>